<!DOCTYPE html>
<!-- saved from url=(0063)http://www.17sucai.com/preview/239763/2016-11-01/tab/index.html -->
<html style="font-size: 61.25px;">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>
        入伙
    </title>

    <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script>
        wx.config({
            debug: false,
            appId: "${paramValues.appId}",
            timestamp: "${paramValues.timestamp}",
            nonceStr: "${paramValues.nonceStr}",
            signature: "${paramValues.signature}",
            jsApiList: ['checkJsApi', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareTimeline']
        });
    </script>

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" type="text/css" href="./style.css">
    <script src="./common.js"></script>
    <script src="./jquery-3.1.1.min.js"></script>
    <script src="./TouchSlide.1.1.js"></script>

</head>
<body style="zoom: 100%;">
<div id="slideBox" class="slideBox">
    <div class="bd">
        <div class="tempWrap" style="overflow:hidden; position:relative;">
            <ul style="width: 4900px; position: relative; overflow: hidden; padding: 0px; margin: 0px; transition-duration: 200ms; transform: translate(-1960px, 0px) translateZ(0px);">
                <li style="display: table-cell; vertical-align: top; width: 980px;">
                    <a class="pic" href="#"><img src="./ba1.png"></a>
                </li>
                <li style="display: table-cell; vertical-align: top; width: 980px;">
                    <a class="pic" href="#"><img src="./ba1.png"></a>
                </li>
                <li style="display: table-cell; vertical-align: top; width: 980px;">
                    <a class="pic" href="#"><img src="./ba2.png"></a>
                </li>
                <li style="display: table-cell; vertical-align: top; width: 980px;">
                    <a class="pic" href="#"><img src="./ba1.png"></a>
                </li>
                <li style="display: table-cell; vertical-align: top; width: 980px;">
                    <a class="pic" href="#"><img src="./ba1.png"></a>
                </li>
            </ul>
        </div>
    </div>

    <div class="hd">
        <ul>
            <li class="">1</li>
            <li class="on">2</li>
            <li class="">3</li>
        </ul>
    </div>
</div>
<script type="text/javascript">
    TouchSlide({
        slideCell: "#slideBox",
        titCell: ".hd ul", //开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
        mainCell: ".bd ul",
        effect: "leftLoop",
        autoPage: true,//自动分页
        autoPlay: true //自动播放
    });
</script>
<div class="clear"></div>


<div class="xj">
    <p>医美套餐 </p>
    <p>￥12900.00 <span>￥18900.00</span></p>
</div>


<div id="wrap">
    <div id="tit">
        <span class="select">优惠券详情</span>
        <span>拉人入伙</span>
    </div>
    <div class="clear"></div>
    <div id="con">
        <div class="con show">

        </div>
        <div class="con">
            <ul class="ren">
                <li>
                    <div class="xqy-p">
                        <img src="./touxiang.png">
                    </div>
                    <div class="xqy-p1">
                        <span>名字</span>
                        <span style="margin-left:1rem;">2016-6-4 14:22:08 </span>
                        <span style="margin-left:1rem;">
                                    	收益：
                                        <span style="color:#fe798e">¥20元</span>
                                     </span>
                    </div>
                    <div class="clear"></div>
                </li>
                <li>
                    <div class="xqy-p">
                        <img src="./touxiang.png">
                    </div>
                    <div class="xqy-p1">
                        <span>名字</span>
                        <span style="margin-left:1rem;">2016-6-4 14:22:08 </span>
                        <span style="margin-left:1rem;">
                                    	收益：
                                        <span style="color:#fe798e">¥20元</span>
                                     </span>
                    </div>
                    <div class="clear"></div>
                </li>
                <li>
                    <div class="xqy-p">
                        <img src="./touxiang.png">
                    </div>
                    <div class="xqy-p1">
                        <span>名字</span>
                        <span style="margin-left:1rem;">2016-6-4 14:22:08 </span>
                        <span style="margin-left:1rem;">
                                    	收益：
                                        <span style="color:#fe798e">¥20元</span>
                                     </span>
                    </div>
                    <div class="clear"></div>
                </li>
                <li>
                    <div class="xqy-p">
                        <img src="./touxiang.png">
                    </div>
                    <div class="xqy-p1">
                        <span>名字</span>
                        <span style="margin-left:1rem;">2016-6-4 14:22:08 </span>
                        <span style="margin-left:1rem;">
                                    	收益：
                                        <span style="color:#fe798e">¥20元</span>
                                     </span>
                    </div>
                    <div class="clear"></div>
                </li>
                <li>
                    <div class="xqy-p">
                        <img src="./touxiang.png">
                    </div>
                    <div class="xqy-p1">
                        <span>名字</span>
                        <span style="margin-left:1rem;">2016-6-4 14:22:08 </span>
                        <span style="margin-left:1rem;">
                                    	收益：
                                        <span style="color:#fe798e">¥20元</span>
                                     </span>
                    </div>
                    <div class="clear"></div>
                </li>
                <li>
                    <div class="xqy-p">
                        <img src="./touxiang.png">
                    </div>
                    <div class="xqy-p1">
                        <span>名字</span>
                        <span style="margin-left:1rem;">2016-6-4 14:22:08 </span>
                        <span style="margin-left:1rem;">
                                    	收益：
                                        <span style="color:#fe798e">¥20元</span>
                                     </span>
                    </div>
                    <div class="clear"></div>
                </li>
            </ul>
        </div>
    </div>
</div>
<script>
    $('#tit span').click(function () {
        var i = $(this).index();//下标第一种写法
        $(this).addClass('select').siblings().removeClass('select');
        $('.con').eq(i).show().siblings().hide();
    });
</script>

<div class="foot">
    <div>
        <a href="#">继续找人入伙</a>
    </div>
    <div>
        <a href="#">现在就下单</a>
    </div>
</div>


</body>
</html>
